<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>jquery</title>
    <link rel="stylesheet" href="./css/css.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/slide.js"></script>
</head>

<body>
<div class="buy-car">
    <div class="goods-title">购物车商品</div>
    <form action="#">
        <table class="table" border="0">
            <tr class="header">
                <td>
                    <input type="checkbox" name="allSelect" id="allSelect1">
                    <label for="allSelect1">全选</label>
                </td>
                <td>商品图片</td>
                <td>商品名称</td>
                <td>单价</td>
                <td>数量</td>
                <td>小计</td>
                <td>操作</td>
            </tr>
            <tr>
                <td class="sn">
                    <input type="checkbox" name="goods1" id="goods1">
                    <label for="goods1">1，</label>
                </td>
                <td class="pic">
                    <img src="https://img.alicdn.com/imgextra/i2/3319204823/O1CN01K3puCe1lUz1XpT7x6_!!3319204823.jpg">
                </td>
                <td class="name"> MDN Web Docs has the most up-to-date and accurate information and the content is
                    presented in an
                    easy-to-und
                </td>
                <td class="unit_price">
                    99.8
                </td>
                <td>
                    <span class="decrement">-</span>
                    <span class="pcs">8</span>
                    <span class="increment">+</span>
                </td>
                <td class="count">
                    798.4
                </td>
                <td class="ctl">
                    <input type="button" value="删除">
                    <input type="button" value="单独购买">
                </td>
            </tr>
            <tr>
                <td class="sn">
                    <input type="checkbox" name="goods2" id="goods2">
                    <label for="goods1">2，</label>
                </td>
                <td class="pic">
                    <img src="https://img.alicdn.com/imgextra/i2/3319204823/O1CN01K3puCe1lUz1XpT7x6_!!3319204823.jpg">
                </td>
                <td class="name"> MDN Web Docs has the most up-to-date and accurate information and the content is
                    presented in an
                    easy-to-und
                </td>
                <td class="unit_price">
                    99.8
                </td>
                <td>
                    <span class="decrement">-</span>
                    <span class="pcs">8</span>
                    <span class="increment">+</span>
                </td>
                <td class="count">
                    798.4
                </td>
                <td class="ctl">
                    <input type="button" value="删除">
                    <input type="button" value="单独购买">
                </td>
            </tr>
            <tr>
                <td class="sn">
                    <input type="checkbox" name="goods3" id="goods3">
                    <label for="goods1">3，</label>
                </td>
                <td class="pic">
                    <img src="https://img.alicdn.com/imgextra/i2/3319204823/O1CN01K3puCe1lUz1XpT7x6_!!3319204823.jpg">
                </td>
                <td class="name"> MDN Web Docs has the most up-to-date and accurate information and the content is
                    presented in an
                    easy-to-und
                </td>
                <td class="unit_price">
                    99.8
                </td>
                <td>
                    <span class="decrement">-</span>
                    <span class="pcs">8</span>
                    <span class="increment">+</span>
                </td>
                <td class="count">
                    798.4
                </td>
                <td class="ctl">
                    <input type="button" value="删除">
                    <input type="button" value="单独购买">
                </td>
            </tr>
            <tr>

                <td>
                    <input type="checkbox" name="allSelect" id="allSelect2">
                    <label for="allSelect2">全选</label>
                </td>
                <td>
                    <input type="button" value="删除选中" class="del_checked">
                </td>
                <td colspan="4" class="total-price">
                    <span>0.00</span>
                </td>
                <td colspan="1" class="submit">
                    <input type="button" value="提交订单">
                </td>
            </tr>
        </table>


    </form>

</div>
<hr>
<div class="box">
    <ul class="nav">
        <li class="item1"><a href="#" class="title">导航1</a>
            <ul class="sub-items">
                <li class="sub-item1">子菜单1</li>
                <li class="sub-item2">子菜单2</li>
                <li class="sub-item3">子菜单3</li>
                <li class="sub-item4">子菜单4</li>
            </ul>
        </li>
        <li class="item2"><a href="#" class="title">导航2</a>
            <ul class="sub-items">
                <li class="sub-item1">子菜单1</li>
                <li class="sub-item2">子菜单2</li>
                <li class="sub-item3">子菜单3</li>
                <li class="sub-item4">子菜单4</li>
            </ul>
        </li>
        <li class="item3"><a href="#" class="title">导航3</a>
            <ul class="sub-items">
                <li class="sub-item1">子菜单1</li>
                <li class="sub-item2">子菜单2</li>
                <li class="sub-item3">子菜单3</li>
                <li class="sub-item4">子菜单4</li>
            </ul>
        </li>
        <li class="item4"><a href="#" class="title">导航4</a>
            <ul class="sub-items">
                <li class="sub-item1">子菜单1</li>
                <li class="sub-item2">子菜单2</li>
                <li class="sub-item3">子菜单3</li>
                <li class="sub-item4">子菜单4</li>
            </ul>
        </li>
    </ul>

</div>
<div class="x-g">
    <button class="slide-open">slide打开盒子</button>
    <button class="slide-close">slide关闭盒子</button>
    <button class="slide-toggle">slide切换盒子</button>
    <div class="zfx">
    </div>
</div>
<div class="animate">
    <div class="animate-btn">我是傻逼</div>
    <div class="animate-box"></div>
</div>
<script src="js/animate.js">

</script>
</body>

</html>
